<?php 
date_default_timezone_set('America/Bogota');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <?php $this->load->view('head'); ?>
        <link type="text/css" href="<?php echo base_url()."css/redmond/jquery-ui-1.8.14.custom.css";?>" rel="stylesheet" />
        <script src="<?php echo base_url()."js/jquery-ui-1.8.14.custom.min.js";?>" type="text/javascript"></script>
        <script src="<?php echo base_url()."js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url()."css/ui.jqgrid.css" ?>" />
        <script src="<?php echo base_url()."js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
        <script src="<?php echo base_url()."js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
        <title></title>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#fecIniCrea").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                $("#fecFinCrea").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                jQuery("#list").jqGrid({
                    url: '<?php echo site_url("grilla/reportaInstiContra/"); ?>',
                    datatype: 'json',
                    mtype: 'POST',
                    colNames:['Institución','Serv/Ase','OfertaLab','FechaContrato','Nombre','Nit'],
                    colModel :[
                        {name:'accion',index:'accion', width:90,editable:false,align:"center",sortable:false,search:false},
                        {name:'soli',index:'soli', width:80,editable:false,align:"center",sortable:false,search:false},
                        {name:'ofer',index:'ofer', width:80,editable:false,align:"center",sortable:false,search:false},
                        {name:'contra.contratoFecha',index:'contra.contratoFecha', width:150,editable:false},
                        {name:'instinom',index:'insti.institucionRazon', width:210,editable:false},
                        {name:'instinit',index:'insti.institucionNit', width:190,align:"right"}
                    ],
                    loadComplete: function(){
                        var ids = jQuery("#list").getDataIDs();
                        for(var i=0;i<ids.length;i++){
                            var cl = ids[i];
                            var se = "<input type='button' onclick=\"fnAbreVentana('" + cl + "','INSTI');\" tittle='De click para visualizar información de la institución' value='Ver'/>";
                            jQuery("#list").setRowData(cl,{accion:se});
                            var ret = jQuery("#list").getRowData(cl);
                            if(ret.soli != "N/A"){
                                se = "<input type='button' onclick=\"fnAbreVentana('" + cl + "','SOLI');\" tittle='De click para visualizar información de la Solicitud de servicio y/o Asesoría' value='Ver'/>";
                                jQuery("#list").setRowData(cl,{soli:se});
                            }
                            if(ret.ofer != "N/A"){
                                se = "<input type='button' onclick=\"fnAbreVentana('" + cl + "','OFER');\" tittle='De click para visualizar información de la Oferta Laboral' value='Ver'/>";
                                jQuery("#list").setRowData(cl,{ofer:se});
                            }
                        }
                    },
                    pager: jQuery('#pager'),
                    rowNum:50,
                    rowList:[10,20,30,50],
                    sortname: 'contra.contratoFecha',
                    sortorder: "desc",
                    viewrecords: true,
                    caption: 'INSTITUCIONES CONTRATADAS',
                    height:260
                });
                //Barra de navegación
                jQuery("#list").navGrid('#pager',{edit:false,add:false,del:false,search:false,view:true});
                $("#btnGuardar").click(function(){
                        jQuery("#list").jqGrid('setGridParam',{url: "<?php echo site_url("grilla/reportaInstiContra/"); ?>" + "/" + $("#fecIniCrea").val() + "/" + $("#fecFinCrea").val() + "/" + $("#labor").val()}).trigger('reloadGrid');
                        $("#formExperiencia").trigger('reset');
                        $("#divBusAvanzada").css("display", "block");
                });
                <?php $this->load->view('enReady'); ?>
                }); //fin document
                function fnAbreVentana (id,opc){
                    if(opc == "INSTI") window.open("<?php echo site_url("empresa/consInstitucion/")."/"; ?>" + id, "Institucion", "width=1300,height=500,scrollbars=YES");
                    else{
                        var ret = jQuery("#list").getRowData(id);
                        var envia = "/" + ret.instinom + "/" + ret.instinit;
                        if(opc == "SOLI") window.open("<?php echo site_url("reporteEmpresa/consSolicitud/")."/"; ?>" + id + envia, "Servicios_Asesorias", "width=1300,height=500,scrollbars=YES");
                        if(opc == "OFER") window.open("<?php echo site_url("reporteEmpresa/consOferta/")."/"; ?>" + id + envia, "Ofertas_Laborales", "width=1300,height=500,scrollbars=YES");
                    }
                }
        </script>
    </head>
    <body>
        <form id="formExperiencia" action="<?php echo site_url("reporteEmpresa/ofertLab/"); ?>" method="post" >
            <div class="divTitulo">REPORTE DE INSTITUCIONES CONTRATADAS</div>
        <table>
            <tr>
                <td><label for="fecIniCrea">Fecha Inicial</label></td>
                <td><input type="text" id="fecIniCrea" name="fecIniCrea" title="Fecha inicial de la consulta" size="9" /></td>
                <td><label for="fecFinCrea">Fecha Final</label></td>
                <td><input type="text" id="fecFinCrea" name="fecFinCrea" title="Fecha final de la consulta" size="9" /></td>
            </tr>
            <tr>
                <td><label for="labor">Tipo de Labor</label></td>
                <td colspan="3"><select name="labor" id="labor" title="Elija el tipo de labor que desea filtrar">
                        <option value="">Todas</option>
                        <option value="O">Oferta Laboral</option>
                        <option value="S">Servicios y/o Asesorías</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td colspan="4" style="text-align: center">
                    <input type="button" value="Consultar" id="btnGuardar" />
                    <input type="button" value="Limpiar" onclick="return fnReset();" />
                </td>
            </tr>
        </table>
    </form>
        <div id="divBusAvanzada" style="display: none">
        <input type="button" value="BUSQUEDA AVANZADA" onclick="jQuery('#list').jqGrid('searchGrid',{multipleSearch:true});" />
        <input type="button" value="VER SELECCIÓN" onclick="$('#view_list').trigger('click');" />
        </div>
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll" style="font-size: 14px"></table>
    </body>
</html>